<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>基于人脸识别数据集的模式识别项目实训教案</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
        }

        h1 {
            text-align: center;
            margin-bottom: 30px;
        }

        .info-table {
            width: 100%;
            border-collapse: collapse;
            margin-bottom: 30px;
        }

        .info-table tr {
            width: 100%;
        }

        .info-table td {
            border: 1px solid #008cd6;
            padding: 10px;
        }

        .info-table .label {
            background-color: #008cd6;
            font-weight: bold;
            width: 100px;
            text-align: center;
            border: 1px solid #ffffff;
            color: #ffffff;
        }

        .content-section {
            margin-bottom: 20px;
        }

        .content-section h2 {
            background-color: #f0f0f0;
            padding: 10px;
            margin-top: 20px;
        }

        ul {
            list-style-type: decimal;
            padding-left: 20px;
        }

        .label-content {
            width: auto;

        }

        .label-content .inner {
            border-top: none !important;
            border-bottom: none !important;
        }
    </style>
</head>

<body>
    <table class="info-table">
        <tr>
            <td class="label">教学单元</td>
            <td colspan="5" class="label"  id="unit-name"></td>
        </tr>
        <tr>
            <td class="label">教案编号</td>
            <td id="plan-number"></td>
            <td class="label">课程名称</td>
            <td id="course-name"></td>
            <td class="label">学时安排</td>
            <td id="course-hours"></td>
        </tr>
        <tr>
            <td class="label">授课班级</td>
            <td id="class-name"></td>
            <td class="label">授课地点</td>
            <td id="location"></td>
            <td class="label">授课周数</td>
            <td id="week-number"></td>
        </tr>
        <tr>
            <td class="label">使用技术</td>
            <td colspan="5" class="label-content" id="technology"></td>
        </tr>
        <tr>
            <td class="label">教学内容</td>
            <td colspan="5">
                <div id="teaching-content">
                    <h3>课前任务</h3>
                    <div id="pre-class"></div>
                    <h3>课中任务</h3>
                    <div id="in-class"></div>
                    <h3>课后任务</h3>
                    <div id="after-class"></div>
                    <h3>课程思政</h3>
                    <div id="ideological"></div>
                </div>
            </td>
        </tr>
        <tr>
            <td rowspan="4" class="label">学情分析</td>
            <td class="label">知识和技能基础</td>
            <td colspan="4" class="label-content">
                <div id="knowledge-base"></div>
            </td>
        </tr>
        <tr>
            <td class="label">认知和实践能力</td>
            <td colspan="4" class="label-content">
                <div id="cognitive-ability"></div>
            </td>
        </tr>
        <tr>
            <td class="label">学习特点</td>
            <td colspan="4" class="label-content">
                <div id="learning-features"></div>
            </td>
        </tr>
        <tr>
            <td class="label">信息素养</td>
            <td colspan="4" class="label-content">
                <div id="information-literacy"></div>
            </td>
        </tr>
        <tr>
            <td rowspan="3" class="label">教学目标</td>
            <td class="label">素质目标</td>
            <td colspan="4" class="label-content">
                <div id="quality-goals"></div>
            </td>
        </tr>
        <tr>
            <td class="label">知识目标</td>
            <td colspan="4" class="label-content">
                <div id="knowledge-goals"></div>
            </td>
        </tr>
        <tr>
            <td class="label">能力目标</td>
            <td colspan="4" class="label-content">
                <div id="ability-goals"></div>
            </td>
        </tr>
        <tr>
            <td rowspan="2" class="label">教学方法与学法</td>
            <td class="label">教法</td>
            <td colspan="4" class="label-content">
                <div id="teaching-method"></div>
            </td>
        </tr>
        <tr>
            <td class="label">学法</td>
            <td colspan="4" class="label-content">
                <div id="learning-method"></div>
            </td>
        </tr>
        <tr>
            <td rowspan="4" class="label">教学重难点及解决办法</td>
            <td class="label">教学重点</td>
            <td colspan="4" class="label-content">
                <div id="key-points"></div>
            </td>
        </tr>
        <tr>
            <td class="label">教学难点</td>
            <td colspan="4" class="label-content">
                <div id="difficulties"></div>
            </td>
        </tr>
        <tr>
            <td class="label">教学重点解决办法</td>
            <td colspan="4" class="label-content">
                <div id="key-solutions"></div>
            </td>
        </tr>
        <tr>
            <td class="label">教学难点解决办法</td>
            <td colspan="4" class="label-content">
                <div id="difficulty-solutions"></div>
            </td>
        </tr>
        <tr>
            <td rowspan="3" class="label">教学环节</td>
            <td class="label">课前导学</td>
            <td colspan="4" class="label-content">
                <div id="pre-guidance"></div>
            </td>
        </tr>
        <tr>
            <td class="label">课中探知</td>
            <td colspan="4" class="label-content">
                <div id="in-class-exploration"></div>
            </td>
        </tr>
        <tr>
            <td class="label">课后拓展</td>
            <td colspan="4" class="label-content">
                <div id="after-class-extension"></div>
            </td>
        </tr>
    </table>

    <table class="info-table">
        <th>
            <tr>
                <td rowspan="2" colspan="3" class="label" style="width: 12%;">环节</td>
                <td colspan="2" class="label">活动</td>
                <td rowspan="2" class="label">教学资源 技术手段</td>
                <td rowspan="2" class="label">设计意图</td>
            </tr>
            <tr>
                <td class="label">教师活动</td>
                <td class="label">学生活动</td>
            </tr>
        </th>
        <tr>
            <td rowspan="3" class="label">课前导学</td>
            <td rowspan="3" class="label">产品开发流程之需求分析</td>
            <td class="label">布置任务</td>
            <td rowspan="3" class="label-content"></td>
            <td rowspan="3" class="label-content"></td>
            <td rowspan="3" class="label-content"></td>
            <td rowspan="3" class="label-content"></td>
        </tr>
        <tr>
            <td class="label">分析任务</td>
        </tr>
        <tr>
            <td class="label">阶段测试</td>
        </tr>
    </table>

    <table class="info-table">
        <th>
            <tr>
                <td rowspan="2" colspan="3" class="label" style="width: 12%;">环节</td>
                <td colspan="2" class="label">活动</td>
                <td rowspan="2" class="label">教学资源 技术手段</td>
                <td rowspan="2" class="label">设计意图</td>
            </tr>
            <tr>
                <td class="label">教师活动</td>
                <td class="label">学生活动</td>
            </tr>
        </th>
        <tr>
            <td rowspan="2" class="label">课中探知</td>
            <td rowspan="2" class="label">产品开发流程之产品设计</td>
            <td class="label">情景引入</td>
            <td rowspan="2" class="label-content"></td>
            <td rowspan="2" class="label-content"></td>
            <td rowspan="2" class="label-content"></td>
            <td rowspan="2" class="label-content"></td>
        </tr>
        <tr>
            <td class="label">功能设计</td>
        </tr>
        <tr>
            <td rowspan="4" class="label">课中探知</td>
            <td rowspan="4" class="label">产品开发流程之软件研发</td>
            <td class="label">需求分析</td>
            <td rowspan="4" class="label-content"></td>
            <td rowspan="4" class="label-content"></td>
            <td rowspan="4" class="label-content"></td>
            <td rowspan="4" class="label-content"></td>
        </tr>
        <tr>
            <td class="label">系统设计</td>
        </tr>
        <tr>
            <td class="label">代码实现</td>
        </tr>
        <tr>
            <td class="label">测试验证</td>
        </tr>
        <tr>
            <td rowspan="3" class="label">课中探知</td>
            <td rowspan="3" class="label">产品开发流程之软硬联调</td>
            <td class="label">真机做</td>
            <td rowspan="3" class="label-content"></td>
            <td rowspan="3" class="label-content"></td>
            <td rowspan="3" class="label-content"></td>
            <td rowspan="3" class="label-content"></td>
        </tr>
        <tr>
            <td class="label">测功能</td>
        </tr>
        <tr>
            <td class="label">融评价</td>
        </tr>
        <tr>
            <td rowspan="2" class="label">课中探知</td>
            <td rowspan="2" class="label">产品开发流程之创新凝练</td>
            <td class="label">对接专利</td>
            <td rowspan="2" class="label-content"></td>
            <td rowspan="2" class="label-content"></td>
            <td rowspan="2" class="label-content"></td>
            <td rowspan="2" class="label-content"></td>
        </tr>
        <tr>
            <td class="label">总结归纳</td>
        </tr>
    </table>


    <table class="info-table">
        <th>
            <tr>
                <td colspan="2" class="label">反思思政</td>
            </tr>
        </th>
        <tr>
            <td class="label">教学成效</td>
            <td class="label-content"></td>
        </tr>
        <tr>
            <td class="label">问题与改进</td>
            <td class="label-content"></td>
        </tr>
    </table>
    <script src="script2.js"></script>
</body>

</html>